import Vue from 'vue'
import Router from 'vue-router'

//pages router
//basic
import Grid from '@/components/basic/Grid'
import Layout from '@/components/basic/Layout'
import Button from '@/components/basic/Button'

//form
import Input from '@/components/form/Input'
import Radio from '@/components/form/Radio'
import Checkbox from '@/components/form/Checkbox'
import Switch from '@/components/form/Switch'
import Table from '@/components/form/Table'
import Select from '@/components/form/Select'
import Slider from '@/components/form/Slider'
import DatePicker from '@/components/form/DatePicker'
import TimePicker from '@/components/form/TimePicker'
import Cascader from '@/components/form/Cascader'
import Transfer from '@/components/form/Transfer'
import InputNumber from '@/components/form/InputNumber'
import Rate from '@/components/form/Rate'
import Form from '@/components/form/Form'

//view

Vue.use(Router);

export default new Router({
  hash: 'history',
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'grid',
      component: Grid
    },
    {
      path: '/layout',
      name: 'layout',
      component: Layout
    },
    {
      path: '/button',
      name: 'button',
      component: Button
    },
    {
      path: '/input',
      name: 'input',
      component: Input
    },
    {
      path: '/radio',
      name: 'radio',
      component: Radio
    },
    {
      path: '/checkbox',
      name: 'checkbox',
      component: Checkbox
    },
    {
      path: '/switch',
      name: 'switch',
      component: Switch
    },
    {
      path: '/table',
      name: 'table',
      component: Table
    },
    {
      path: '/select',
      name: 'select',
      component: Select
    },
    {
      path: '/slider',
      name: 'slider',
      component: Slider
    },
    {
      path: '/datePicker',
      name: 'datePicker',
      component: DatePicker
    },
    {
      path: '/timePicker',
      name: 'timePicker',
      component: TimePicker
    },
    {
      path: '/cascader',
      name: 'cascader',
      component: Cascader
    },
    {
      path: '/transfer',
      name: 'transfer',
      component: Transfer
    },
    {
      path: '/inputNumber',
      name: 'inputNumber',
      component: InputNumber
    },
    {
      path: '/rate',
      name: 'rate',
      component: Rate
    },
    {
      path: '/form',
      name: 'form',
      component: Form
    }
  ]
})
